#donate { position:relative; top:20px; left:98px; width:62px; margin-bottom:-30px; }
#donator { padding:0 20px 1em 18px; border-bottom:1px solid #ddd; display:none; }
#donate-to { top:-12px; position:relative; display:inline; }
#donate-link { margin-top:1em; }
.donate:focus { border:0; outline:0; }
.center { text-align:center; margin:0 auto; }
#top  { font:italic 16px serif; }
#name { font:normal 20px serif; }
#where{ font:normal 14px serif; }
#debug{ font:normal 16px serif; }
.text { position:absolute; color:white; z-index:1; white-space:pre; }
.bord { position:absolute; color:black; }
.bord img { visibility:hidden; }
/* Show the Google logo only on the map view as a whole */
.world .noprint a img,.region .noprint a img { display:none; }
/* Show the the map terms of use only on the lower right */
.region .noprint a.noprint { display:inline; }
.noprint a.noprint { display:none; }
/*.noprint div[@title="Scale at the center of the map"] { left:4px; } */
.local,.region,.world { position:absolute; }

#sidebar b { color:#666; }
#sidebar p#topics a[rel=tag]:before { content:url('http://del.icio.us/static/img/delicious.small.gif') ' '; }
#sidebar p#topics { border-bottom:0; padding-bottom:0; }
#topics br { display:none; }
#topics select { width:177px; margin-right:8px; }
.backlink-toggler.opened {
  background:url(http://www.blogger.com/img/triangle_open.gif) no-repeat 0 50%;
}
.backlink-toggler.closed {
  background:url(http://www.blogger.com/img/triangle.gif) no-repeat 0 50%;
}
.backlink-toggler.opened-me {
  background:url(http://hem.bredband.net/ecmanaut/gfx/me_open.gif) no-repeat 0 50%;
}
.backlink-toggler.closed-me {
  background:url(http://hem.bredband.net/ecmanaut/gfx/me.gif) no-repeat 0 50%;
}
.backlink-toggler { padding:0 2px 0 4px; display:inline; }
.backlinks-block dd.closed,.backlinks-block dd.closed-me,dl.backlinks-block { display:none; }
.backlinks-block dd.opened,.backlinks-block dd.opened-me { display:block; }
.backlinks-block dd {
  margin:0.5em 0 0.5em 0.4em;
  padding-left:14px;
}
.backlink-poster {
  margin:0;
  padding:4px 10px 1em 15px;
  background:url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat scroll 0 6px;
  color: #999;
  }

#bigmap {
  display:none;
  position:absolute;
  width:800px;
  height:300px;
}

.post img.borderless { border:0; }
.post img.plain,p.post-footer img { border:0; padding:0; }
p.post-footer img { margin-bottom:-4px; }
form { margin:0; padding:0; border:0; }
#sidebar div.map {
  text-align:center;
  margin:0;
  padding:15px 0;
  background:#FFF;
  border-bottom:1px solid #E6E6E6;
}
#sidebar div.map a { width:99%; display:block; }
.edited { font-style:italic; }
a.lang { display:block; background:white; }
a.lang.current { background:#CCC; }
a.lang.current:hover,a.lang:hover { background:#BCBCBC; }
#translate img { border:1px solid #CCC; margin:0; padding:0; }
#translate img:hover { border:1px solid #000; }
#translate img#current-lang { border:1px solid #CCC; outline:2px solid #CCC; }
#translate img#current-lang:hover { border:1px solid #000; }
#translate li.flag {
  background:transparent;
  display:inline;
  margin:2px;
  padding:0;
  border:0;
}
#sidebar ul#translate {
  display:inline;
  padding:0 0 0 12px;
  margin:0; 
  border:0;
}
#trans { position:relative; top:18px; left:170px; margin-bottom:-30px; width:80px; }
#babel {
  display:none;
  position:absolute;
  top:33px;
  left:-10px;
  width:78px;
  border:1px outset #AAA;
  text-align:center;
  z-index:100;
}
.author-panel { float:right; line-height:16px; }
.author-panel .quick-edit-icon { margin:0 0.5em; }
.quick-edit-icon {
  padding:6px;
  margin:0;
}
span.edit-comment span.quick-edit-icon { padding:2px 9px 1px 8px; }
.create-new {
  padding:6px;
  background:url("http://www.blogger.com/img/icon18_add.gif") no-repeat 50% 50%;
}
.book:after { content:' ' url('http://hem.bredband.net/ecmanaut/gfx/book.gif'); }
.book { font-style:italic; }
.prev-post { float:left; margin-right:1em; }
.next-post { float:right; margin-left:1em; }
.prev-post:before { content:'« '; }
.next-post:before { content:'» '; }
.prev-post:after  { content:' «'; }
.next-post:after  { content:' »'; }
#sidebar div.jsdg {
  padding: 5px 20px 1em 20px;
  border-bottom: 1px solid #ddd;
  margin:4px 0;
}
#jsdg { border:1px solid #888; margin-left:14px; }
#me { position:absolute; top:41px; left:9px; z-index:2; }
/*
#me:hover img {
  position:relative;
  height:240px;
  width:175px;
  left:-46px;
  top:-64px;
  } */
.plural[name]:after    { content:"s"; }
.plural[name="1"]:after { content:""; }

a { text-decoration:none; }

a.permalink:link, a.permalink:visited, a.permalink:active, a.permalink:hover {
  float:left;
  margin-right:0.5em;
  margin-top:1px;
  text-decoration:none;
  color:#33334D;
}
a.permalink img	{ border:0; padding:0; }
a.off-site img	{ border:0; padding:0; float:right; margin-left:0.5em; }
img.left  { float:left;  margin:0 0.6em 0.6em 0; }
img.right { float:right; margin:0 0 0.6em 0.6em; }
.post img.inline { padding:0; border:0; }
.userscript { padding-left:19px; background:url("http://hem.bredband.net/ecmanaut/gfx/sites/greasemonkey.png") no-repeat; }
#ad2 { display:none; }
#ad1 {
  position:relative;
  width:234px;
  top:1em;
  left:0; right:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1em;
  }

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: small;
  text-align: center;
  color: #333;
  background: #e0e0e0;
  }

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background:url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }


code {
  color: #996666;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin: 0 0 20px 30px;
  padding: 0;
  }

li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 3px;
  background:url('http://www.blogblog.com/tictac_blue/tictac_blue.gif') no-repeat 0 6px;
  }


/* links */

a:link {
  color: #6699cc;
  }

a:visited {
  color: #666699;
  }

a:hover {
  color: #5B739C;
  }

a:active {
  color: #5B739C;
  text-decoration: none;
  }

/* ---( layout structure )---*/

#wrap {
  width: 847px;
  margin: 0 auto;
  text-align: left;
  background:url(http://www.blogblog.com/tictac_blue/tile.gif) repeat-y;
  }

#content {
  margin-left: 62px; /* to avoid the BMH */
  }

#main-content {
  float: left;
  width: 460px;
  margin: 20px 0 0 0;
  padding: 0;
  line-height: 1.5em;
  }

#calendar-container {
  position: relative;
  left: 0; right: 0;
  margin: 0 auto;
  width: 20em;
  }

#sidebar {
  margin: 0 41px 0 547px;
  padding: 20px 0 0 0;
  font-size: 85%;
  line-height: 1.4em;
  color: #999;
  background:url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat 0 0;
  }

/* ---( header and site name )--- */

#blog-header {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue.gif) no-repeat top left;
  }

#blog-header a { text-decoration:none; color:#CCCCFF; }
#blog-header a:hover { color:#EEEEFF; }

/* ---( main column )--- */

h2.navi-post {
  margin-top: 0;
  font-size: 90%;
  color: #999999;
  text-align: center;
  }

/*h2.date-header a.date-header {
  padding-left: 14px;
  background:url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;
  }*/

h3.post-title {
  margin-top: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #993333;
  }

.post {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #ddd;
  }

.post-body div.tags { margin:1em 0 0; }
div.tags ul { display:inline; margin-left:0; }
div.tags li { display:inline; margin-left:8px; text-transform:capitalize; }
.tags li {
  background:url('http://del.icio.us/static/img/delicious.small.gif') no-repeat 0 3px;
  }
.post-footer,div.tags {
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 88%;
  color: #999;
  background:url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat 0 8px;
  }

.post img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  }

/* comment styles */

.comment {
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 85%;
  line-height: 1.5em;

  color: #666;
  background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
  }

.comment h4 {
  margin: 20px 0 15px 0;
  padding: 8px 0 0 40px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  background:url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
  height: 29px !important; /* for most browsers */
  height /**/:37px; /* for IE5/Win */
  }

.comment ul {
  margin-left: 0;
  }

.comment li {
  padding-left: 0;
  margin-bottom: 0;
  background:#EEE; /* none, really; added for readability of next line: */
  border-top:1px solid #EEE; /* kludge: span the node to the top border */
  border-bottom:1px solid #DDD;
  }

.comment li.me {
  background:#E3E3FF;
  border-top:1px solid #E3E3FF;
  border-bottom:1px solid #D7D7FF;
  }

.span { clear:both; }
.face { margin:1em; float:right; display:none; }
.face img { border:1px solid #BBC; padding:3px; display:block; }

.comment-body {
  clear:left;
  margin-top: 1em;
  padding: 0 10px 0 25px;
  background:url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
  }

.comment-body p {
  margin-bottom: 0;
  }

.comment-data {
  margin: 0;
  padding: 4px 10px 1em 40px;
  color: #999;
  background:url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 24px 8px;
  }


.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* ---( sidebar )--- */

h2.sidebar-title {
  margin: 0;
  padding: 25px 0 0 50px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  height: 32px;
  background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 20px 15px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }

#sidebar ul, #sidebar p {
  margin: 0;
  padding: 5px 20px 1em 20px;
  border-bottom: 1px solid #ddd;
  }

#sidebar li {
  background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 5px;
  }

/* profile block */

.profile-datablock {
  margin: 0;
  padding: 5px 20px 0 20px;
  }

.profile-datablock dd {
  margin: 0;
  padding: 0;
  }

.profile-img img {
  float: left;
  margin: 0 10px 0 0;
  padding: 4px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  background: #fff;
  }

#sidebar p.profile-link {
  padding-left: 36px;
  background: url(http://www.blogblog.com/tictac_blue/profile_blue.gif) no-repeat 20px 4px;
  }

p#powered-by, #sidebar p.profile-textblock {
  margin-top: 1em;
  border: none;
  }

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

#footer {
  margin: 0;
  padding: 0 0 9px 0;
  font-size: 85%;
  color: #ddd;
  background: url(http://www.blogblog.com/tictac_blue/bottom_sill.gif) no-repeat bottom left;
  }

#footer p {
  margin: 0;
  padding: 20px 320px 20px 95px;
  background: url(http://www.blogblog.com/tictac_blue/bottom_sash.gif) no-repeat top left;
  }
